<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>个人中心</title>
    <link rel="stylesheet" href="../style/weui.css"/>
    <link rel="stylesheet" href="./culture.css"/>
    <link rel="stylesheet" href="./css/swiper.css">
</head>
<body ontouchstart>

<!-- <div class="weui-cells__title">个人中心</div> -->
    <!-- 顶部头像 -->
    <div class="weui-cells">
        <div class="weui-cell" id="avatarCell" style="">
            <div class="weui-cell__bd ">
                <a href="./modifyUserInfo.html">
                    <span class="" style="color: black;font-size: 32px;">
                        YCL<!-- 微信昵称 -->
                    </span>
                        
                    <div style="color: black;">
                        查看/编辑个人资料
                    </div>
                </a>
                
            </div>
            <div class="weui-cell__ft">
                <img src="https://team.weui.io/avatar/bear.jpg" class="" alt="" style="width: 70px;height: 70px;border-radius: 50%">
            </div>
        </div>
    </div>

    <!-- 个人中心-我的活动及电子票券 -->
    <div class="weui-panel">
        <div class="weui-panel__bd">
            <div class="weui-media-box weui-media-box_small-appmsg">
                <div class="weui-cells">
                    <a class="weui-cell weui-cell_access" href="javascript:;">
                        <div class="weui-cell__hd"><img src="./images/icon/user_activity.png" alt="" style="width:25px;margin-right:20px;display:block"></div>
                        <div class="weui-cell__bd weui-cell_primary">
                            <p>我的活动</p>
                        </div>
                        <span class="weui-cell__ft"></span>
                    </a>
                    <a class="weui-cell weui-cell_access" href="javascript:;">
                        <div class="weui-cell__hd"><img src="./images/icon/user_venue.png" alt="" style="width:25px;margin-right:20px;display:block"></div>
                        <div class="weui-cell__bd weui-cell_primary">
                            <p>我的场馆</p>
                        </div>
                        <span class="weui-cell__ft"></span>
                    </a>
                    <a class="weui-cell weui-cell_access" href="javascript:;">
                        <div class="weui-cell__hd"><img src="./images/icon/user_ticket.png" alt="" style="width:25px;margin-right:20px;display:block"></div>
                        <div class="weui-cell__bd weui-cell_primary">
                            <p>电子票券</p>
                        </div>
                        <span class="weui-cell__ft"></span>
                    </a>
                </div>
            </div>
        </div>
    </div>


    <!-- 判断是否为志愿者,显示志愿者 -->
    <div class="weui-panel">
        <div class="weui-panel__bd">
            <div class="weui-media-box weui-media-box_small-appmsg">
                <div class="weui-cells">
                    <a class="weui-cell weui-cell_access" href="javascript:;">
                        <div class="weui-cell__hd"><img src="./images/icon/user_start.png" alt="" style="width:25px;margin-right:20px;display:block"></div>
                        <div class="weui-cell__bd weui-cell_primary">
                            <p>志愿星级</p>
                        </div>
                        <span class="weui-cell__ft"></span>
                    </a>
                    <a class="weui-cell weui-cell_access" href="javascript:;">
                        <div class="weui-cell__hd"><img src="./images/icon/user_volunteer.png" alt="" style="width:25px;margin-right:20px;display:block"></div>
                        <div class="weui-cell__bd weui-cell_primary">
                            <p>志愿活动</p>
                        </div>
                        <span class="weui-cell__ft"></span>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- 个人设置 -->
    <div class="weui-panel">
        <div class="weui-panel__bd">
            <div class="weui-media-box weui-media-box_small-appmsg">
                <div class="weui-cells">
                    <a class="weui-cell weui-cell_access" href="javascript:;">
                        <div class="weui-cell__hd"><img src="./images/icon/user_setting.png" alt="" style="width:25px;margin-right:20px;display:block"></div>
                        <div class="weui-cell__bd weui-cell_primary">
                            <p>设置</p>
                        </div>
                        <span class="weui-cell__ft"></span>
                    </a>
                    <a class="weui-cell weui-cell_access" href="javascript:;">
                        <div class="weui-cell__hd"><img src="./images/icon/user_feedback.png" alt="" style="width:25px;margin-right:20px;display:block"></div>
                        <div class="weui-cell__bd weui-cell_primary">
                            <p>反馈建议</p>
                        </div>
                        <span class="weui-cell__ft"></span>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- 取消登录 -->

    <a href="" style="padding-top:30px;display: block; ">
        <img src="./images/icon/cancel_login.png" style="margin:auto;display: block;height: 40px;">
    </a>


    <!-- 测试链接 -->
    <div class="weui-cells__title">测试链接-正式产品不需要显示</div>
    <div class="weui-panel">
        <div class="weui-panel__bd">
            <div class="weui-media-box weui-media-box_small-appmsg">
                <div class="weui-cells">
                    <a class="weui-cell weui-cell_access" href="./login.html">
                        <div class="weui-cell__hd"><img src="./images/icon/user_setting.png" alt="" style="width:25px;margin-right:20px;display:block"></div>
                        <div class="weui-cell__bd weui-cell_primary">
                            <p>登录</p>
                        </div>
                        <span class="weui-cell__ft"></span>
                    </a>
                    <a class="weui-cell weui-cell_access" href="./register.html">
                        <div class="weui-cell__hd"><img src="./images/icon/user_feedback.png" alt="" style="width:25px;margin-right:20px;display:block"></div>
                        <div class="weui-cell__bd weui-cell_primary">
                            <p>注册</p>
                        </div>
                        <span class="weui-cell__ft"></span>
                    </a>
                </div>
            </div>
        </div>
    </div>

	<!-- 底部导航按钮 -->
	<div class="weui-tab" id="tab">
	    <div class="weui-tabbar">
	        <a href="./index.html" class="weui-tabbar__item">
	            <div class="weui-tabbar__icon">
	                <i class="icon-chat"></i>
	            </div>
	            <p class="weui-tabbar__label">首页</p>
	        </a>
	        <a href="javascript:;" class="weui-tabbar__item">
	            <div class="weui-tabbar__icon">
	                <i class="icon-contact"></i>
	            </div>
	            <p class="weui-tabbar__label">群文资讯</p>
	        </a>
	        <a href="javascript:;" class="weui-tabbar__item">
	            <div class="weui-tabbar__icon">
	                <i class="icon-discovery"></i>
	            </div>
	            <p class="weui-tabbar__label">非遗风采</p>
	        </a>
	        <a href="./userCenter.html" class="weui-tabbar__item weui-bar__item_on">
	            <div class="weui-tabbar__icon ">
	                <i class="icon-profile"></i>
	            </div>
	            <p class="weui-tabbar__label">我</p>
	        </a>
	    </div>
	</div>

    <script src="./zepto.min.js"></script>
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script src="https://res.wx.qq.com/open/libs/weuijs/1.0.0/weui.min.js"></script>
    <script src="./js/swiper.js"></script>
</body>

<script type="text/javascript">
    $(function(){
        //initialize swiper when document ready  
        var mySwiper = new Swiper ('.swiper-container', {
          // Optional parameters
          pagination: '.swiper-pagination',//分页
          paginationClickable: true,//切换圆点
          effect: 'coverflow',
          autoplayDisableOnInteraction: false,//用户操作分页后会停止自动播放，添加这个就不会
          direction: 'horizontal',
          //autoplay:3000,
          loop: true,
          spaceBetween: 30,
        }) 

        $('.weui-tabbar__item').on('click', function () {
            $(this).addClass('weui-bar__item_on').siblings('.weui-bar__item_on').removeClass('weui-bar__item_on');
        });    
    });
</script>

<!-- <script type="text/javascript">
	
	//头条滚动
    function updateTopNews() {
        var total = $(".top-news").length;
        var curr = $(".top-news[active=true]");
        var currIndex = parseInt(curr.attr("index"));
        var next;
        var nextIndex;
        if (currIndex >= total) {
            next = $(".top-news").eq(0);
            nextIndex = 1;
        } else {
            next = curr.next();
            nextIndex = currIndex + 1;
        }
        curr.removeAttr("active").hide();
        next.attr("active", "true").slideDown();
    };

    $(document).ready(function(){
    	setInterval("updateTopNews()", 3000);
    });
</script> -->

</html>